@charset "UTF-8";
@import "base.scss";
@import "common.scss";

.web main {
  .search{
    position: relative;
    text-align: center;
  }
  .search input{
    width: 35vw;
    height: 7vw;
    border: 1px solid #ff9344;
    border-radius: 3vw;
    box-sizing: border-box;
  }
  .search span{
    position: absolute;
    right: 35.5vw;
    top: 1.5vw;
  }
  .text{
    text-align: center;
    p{
      margin: 4vw 0 2vw;
    }
  }
}
.text ul{
  width: 71vw;
  height: 19vw;
  margin: 0 auto;
  line-height: 9vw;
  li{
    background-color: #dcdcdc;
    float: left;
    margin-top: 1vw;
    margin-left: 1vw;
    padding: 0 3.5vw;
    box-sizing: border-box;
  }
}
.web main {
  position: absolute;
  top: 20vw;
  bottom: 17vw;
  overflow: auto;
  .buy{
    width: 100vw;
    height: 14vw;
    .buy_left span{
      line-height: 14vw;
      font-size: 4vw;
      margin-left: 3vw;
    }
    .buy_right span{
      line-height: 14vw;
      font-size: 4vw;
      margin-right: 3vw;
    }
  }
  .food{
    margin-left: 3vw;
    display: flex;
    justify-content: space-around;
    width: 94vw;
    height: 47vw;
    flex-wrap: wrap;
    .box1{
      width: 37vw;
      height: 47vw;
      overflow: hidden;
      img{
        width: 100%;
      }
    }
    .box2{
      width: 56vw;
      height: 58vw;
      overflow: hidden;
      img{
        width: 56vw;
        height: 23vw;
      }
      .box3{
        margin-top: 1vw;
        width: 26vw;
        height: 26vw;
        overflow: hidden;
        display: inline-block;
        img{
          width: 100%;
        }
      }
      .box4{
        width: 28vw;
        height: 26vw;
        display: inline-block;
        overflow: hidden;
        img{
          width: 100%;
        }
      }
      img{
        width: 100%;
      }
    }
  }
  .foods {
    width: 100vw;
    height: 18vw;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    text-align: center;
    .run{
      width: 30vw;
      height: 27vw;
      overflow: hidden;
      img{
        margin: 0 -100%;
      }
    }
  }
}